// 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter)
// 第一步安装 vueRouter    npm i  vue-router  --save 
// 第二步 引入 vueRouter

import VueRouter from 'vue-router'
// 第三步挂载 vue-router    在 vue 身上挂载 
import  Vue from 'vue'


Vue.use(VueRouter)

// 1. 定义 (路由) 组件。
// 可以从其他文件 import 进来
import  About from '../views/About.vue'
import Home from '../views/Home.vue'


//路由的入口
// 2. 定义路由
// 每个路由应该映射一个组件。 其中"component" 可以是
// 通过 Vue.extend() 创建的组件构造器，
// 或者，只是一个组件配置对象。
  const  router=  new VueRouter({
      routes:[
        {
         path:'/about',
         component:About 
        },
        {
          path:'/home',
          component:Home
        }
      ]
  })

// 4. 创建和挂载根实例。
// 记得要通过 router 配置参数注入路由，
// 从而让整个应用都有路由功能

export default router




